<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>Sass: Syntactically Awesome Style Sheets</title>
    <meta content="Syntatically Awesome Style Sheets" name="description">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="./css/main.css" rel="stylesheet">
</head>
<body class="index">
<div class="page">
    <div class="alert stickers">
        <div class="container">
            <p>
                <strong>Your laptop needs more Sass.</strong>
                <a href="http://devswag.com/products/sass-stickers-4">Grab a set of Sass stickers now</a>.
            </p>
        </div>
    </div>
    <div class="pop-stripe"></div>
    <header class="banner" role="banner">
        <div class="container">
            <h1 class="site-brand"><a href="/">
                <img height="48" alt="Sass" src="./images/logo.svg"></a>
            </h1>
            <nav class="navigation collapse" role="navigation">
                <ul>
                    <li><a href="./install.html">Install</a></li>
                    <li><a href="./guide.html">Learn Sass</a></li>
                    <li><a href="http://blog.sass-lang.com/">Blog</a></li>
                    <li><a href="../documentation/file.SASS_REFERENCE.html">Documentation</a></li>
                    <li><a href="./community.html">Get Involved</a></li>
                    <li><a href="./libsass.html">libSass</a></li>
                </ul>
            </nav>
            <div class="banner-toggle">
                <button data-target=".navigation" data-toggle="collapse" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>
        </div>
    </header>
    <div class="page-header">
        <div class="container">
            <h1> CSS with superpowers </h1>
        </div>
    </div>
    <div class="body">
        <div class="container">
            <div class="content">
                <main class="main" role="main">
                    <div class="hero-lockup">
                        <p class="hero-image">
                            <img height="160" alt="Glasses" src="./images/glasses.svg">
                        </p>
                        <p class="introduction">
                            Sass is the most mature, stable, and powerful professional grade CSS
                            extension language in the&nbsp;world.
                        </p>
                    </div>
                </main>
            </div>
        </div>
    </div>
    <div class="alert release">
        <div class="container">
            <ul>
                <li>Current Release: <span class="release-name">Selective Steve (3.4.22)</span></li>
                <li><a href="documentation/file.SASS_CHANGELOG.html">Release Notes</a></li>
                <li><a href="https://github.com/sass/sass">Fork on Github</a></li>
                <li><a href="implementation">Implementation Guide</a></li>
            </ul>
        </div>
    </div>
    <section class="section-bottom">
        <div class="container">
            <ul class="list-tiled">
                <li><h3>CSS Compatible</h3>
                    <p> Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so
                        that you can seamlessly use any available CSS libraries. </p></li>
                <li><h3>Feature Rich</h3>
                    <p> Sass boasts more features and abilities than any other CSS extension language out there. The
                        Sass Core Team has worked endlessly to not only keep up, but stay&nbsp;ahead. </p></li>
                <li><h3>Mature</h3>
                    <p> Sass has been actively supported for over 9 years by its loving Core&nbsp;Team. </p></li>
                <li><h3>Industry Approved</h3>
                    <p> Over and over again, the industry is choosing Sass as the premier CSS extension language. </p>
                </li>
                <li><h3>Large Community</h3>
                    <p> Sass is actively supported and developed by a consortium of several tech companies and hundreds
                        of developers. </p></li>
                <li><h3>Frameworks</h3>
                    <p> There are endless number of frameworks built with Sass. <a href="http://compass-style.org/">Compass</a>,
                        <a href="http://bourbon.io/">Bourbon</a>, and <a href="http://susy.oddbird.net/">Susy</a> just
                        to name a&nbsp;few. </p></li>
            </ul>
        </div>
    </section>
</div>
<footer class="contentinfo" role="contentinfo">
    <nav class="container">
        <ul>
            <li class="contentinfo-legal"><p>Sass © 2006–2015 <a href="http://www.hamptoncatlin.com/">Hampton Catlin</a>,
                <a href="http://nex-3.com/">Natalie Weizenbaum</a>, <a href="http://chriseppstein.github.io/">Chris&nbsp;Eppstein</a>,
                and&nbsp;numerous&nbsp;contributors.</p>
                <p>It is available for use and modification under the <a
                        href="http://sass-lang.com/docs/yardoc/file.MIT-LICENSE.html">MIT&nbsp;License</a>.</p></li>
            <li class="contentinfo-tools">
                <ul>
                    <li><a href="https://github.com/sass">Sass on GitHub</a></li>
                    <li><a href="https://github.com/sass/sass-site">Website Repo</a></li>
                    <li><a href="/styleguide">Style Guide</a></li>
                    <li><a href="/community-guidelines">Community Guidelines</a></li>
                </ul>
            </li>
            <li class="contentinfo-social">
                <a class="twitter-follow-button" data-show-count="false" data-size="large"
                   href="https://twitter.com/SassCSS">Follow @SassCSS</a>
            </li>
        </ul>
    </nav>
</footer>
</body>
</html>